::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  width: 6px;
  background: rgba(#101F1C, 0.1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144,147,153,.5);
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144,147,153,.3);
}
/* thai */
@font-face {
  font-family: 'K2D';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/k2d/v11/J7aRnpF2V0ErE5U6tLMA7w.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'K2D';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/k2d/v11/J7aRnpF2V0ErE5UhtLMA7w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'K2D';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/k2d/v11/J7aRnpF2V0ErE5UgtLMA7w.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body{
    /*font-family:'K2D',sans-serif,'Arial','Times New Roman','Microsoft YaHei',SimHei;*/
    font-weight: 100;
}
h2{font-weight:300}
h3{font-weight:300}
h4{font-weight:300}
h5{font-weight:300}
.Header-wrapper{width: 100%;transition: all .3s linear; background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 66px; z-index: 10000;}
.Container-wrapper{margin-top: 66px;}
.Header-container{width: 1200px;margin: 0 auto;}
.Header-logo,.Header-navbar{height: 66px;line-height: 66px;}
.Header-logo{float: left;}
.Header-logo img{width: auto;object-fit: cover;user-select: none; display: block}
.Header-logoimg{display: block;}
.Header-logoimg-hover{display: none;}
.language{color: #333; font-size: 14px; margin-top: 26px; display: inline;}
.changeNavbar .language{color: #fff; font-size: 14px;}
.languageOn{color: #41a1ff;}

.Header-search{float: right;position: relative;}
.Header-search-click{width: 54px;height: 66px;background: url('../image/search1.png') no-repeat center center;cursor: pointer;}
.Header-search-words{position: absolute;right: 0;top: 66px;height: 44px;font-size: 0;display: none;z-index: 99;}
.Header-search-words input{width: 360px;height: 44px;font-family: "微软雅黑";box-sizing: border-box;border: none;outline: none;font-size: 18px;color: #333;padding: 0 48px 0 12px;display: inline-block;vertical-align: middle;}
.Header-search-submit{width: 44px;height: 44px;display: block;background: #fff url('../image/searchH.png') no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 10;}
.Header-search-submit:hover{background: #fff url('../image/searchS.png') no-repeat center center;}
.Header-search-click.ontrue{background: url('../image/searchCH.png') no-repeat center center /18px auto;}

.Header-navbar{float: right;font-size: 0;}
.Header-navbar ul li{margin: 0 30px;float: left;padding-right:20px; position: relative; height: 66px;}
.Header-navbar ul li:last-child::after{display: none !important}
.Header-navbar ul li.noMenu{padding: 0}
.Header-navbar-menu{display: block;width: 100%;height: 66px;font-size: 16px;text-align: center;position: relative;transition: all .3s linear; position: relative}
.Header-navbar ul li.ontrue .Header-navbar-menu{color: #8dc21f; position: relative}
.Header-navbar ul li.ontrue .Header-navbar-menu::after{content: ' '; position: absolute; width: 18px; height: 3px; background: #8dc21f; bottom: 0; left: 50%; margin-left: -9px; z-index: 10}
.Header-navbar ul li:hover{color: #8dc21f;}
.Header-navbar ul li:hover::after{content: ' '; width: 18px; position: absolute; height: 3px; background: #8dc21f; bottom: 0; left: 50%; margin-left: -9px; z-index: 10}
.Header-navbar ul li.active{color: #8dc21f;}
.Header-navbar ul li.active::after{content: ' '; width: 18px; position: absolute; height: 3px; background: #8dc21f; bottom: 0; left: 50%; margin-left: -9px; z-index: 10}


.Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../image/icon_menu.png') no-repeat center center;}
.Header-navbar ul li.ontrue .Header-arr{background: url('../image/icon_menuonH.png') no-repeat center center;}
.Header-navbar ul li:hover .Header-arr{background: url('../image/icon_menuH.png') no-repeat center center;}

.Header-navbar-sunnavsize{overflow: hidden;position: absolute;left: 0;top: 66px;background:#fff;display: none;z-index: 2;border-top:1px solid #eee; width: max-content; min-width:150px; text-align:left;padding: 0 10px; left: 50%; margin-left: -75px;}
.Header-navbar-sunnavsize.ontrue{animation:sunNavUp 800ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(20px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
@keyframes sunNavUp{0%{transform: translateY(-20px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
.Header-navbar-sunnav{margin: 0 auto;overflow: hidden;}
.Header-navbar-sunnav-l{width:21%;float: left;overflow: hidden;font-size: 0;text-align: center;line-height: normal;box-sizing: border-box;}

.nav-news{text-align:right;height:30px;line-height:30px;}
.nav-news a{color:#353535;font-size:16px;margin:0 35px;}
.nav-news a:hover{color:#41a1ff;}

.Header-navbar-sunnav-l a{
    display: inline-block;width: 46%;margin: 10px 2%;border: 1px solid #556061;font-size: 16px;color: #c0d6d5;
    box-sizing: border-box;border-radius: 30px;height: 44px;line-height: 44px;transition: all .4s;
}
.Header-navbar-sunnav-l a:hover{background-color: #dbf9f8;color: #555;}
.Header-navbar-sunnav-l img{width: 100%;height: 100%;object-fit: cover;}
.Header-navbar-sunnav-c{width:100%;overflow: hidden;line-height: normal;}
.Header-navbar-sunnav-c h4{font-size:30px;color: #353535;font-weight:bold;margin-bottom:30px;}
.Header-navbar-sunnav-c .subnavpro{padding: 10px;}
.Header-navbar-sunnav-c .subnavpro dd{font-size:14px;color:#666; margin:0;text-align:center;}
.Header-navbar-sunnav-c .subnavpro dd a{display: block; padding: 12px 0;}
.Header-navbar-sunnav-c .subnavpro dd span{display:block;margin:0px auto;text-align:center;height:75px;}
.Header-navbar-sunnav-c .subnavpro dd:hover{color:#8dc21f; background: #efffcd;}

.Header-navbar-sunnav-c .subnavcase dd{font-size:18px;color:#353535;float:left;width:48%;margin:10px 0;}
.Header-navbar-sunnav-c .subnavcase dd:nth-child(2n){float:right;}
.Header-navbar-sunnav-c .subnavcase dd:hover{color:#41a1ff;}
.Header-navbar-sunnav-c p{font-size: 14px;color: #fff;line-height: 20px;margin-top: 24px;}

.Header-navbar-sunnav-r{width:18%;float: right;height:auto;overflow: hidden;line-height: normal;padding:48px 0;border-left:1px solid #d4d4d4;padding-left:5%;}
.Header-navbar-sunnav-r h6{font-size:18px;font-weight: bold;color:#353535;margin-bottom:20px;}
.Header-navbar-sunnav-r a{display:block;color:#353535;font-size:14px;margin:10px 0;}
.Header-navbar-sunnav-r a:hover{color:#41a1ff;}
.Header-navbar-sunnav-r h5 a{font-weight:bold;font-size:30px;color:#353535;display:block;margin-top:50px;}


.xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1794px;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;margin: 0 5%;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 15% 0 0;}






.Footer-wrapper{width: 100%;position: relative;z-index: 88; border-top: 1px solid #fff;}
.Footer-container{width: 100%; background-color: #f3f3f3;}
.Footer-navbar{padding: 100px 0 20px 0;width: 1520px;margin: 0 auto; border-bottom: 1px solid #e7e7e7;}
.Footer-navbar-link{overflow: hidden; box-sizing: border-box; float: left; width: 70%;}
.Footer-navbar-code{float: right; width: 30%;}
.Footer-navbar-code img{display: block; width: 123px; height: 123px; margin: 0 auto;}
.Footer-navbar-code p{color: #505052; font-size: 14px; text-align: center; margin-top: 15px; line-height: 1}
.Footer-navbar-link ul li{width: auto;float: left;overflow: hidden; width: 20%}
.permit{padding: 15px 0;}
.permit p{color: #575758; font-size: 14px; line-height: 1.8; text-align: center}
/*
.Footer-navbar-link ul li:nth-child(1){width: 17%;}
.Footer-navbar-link ul li:nth-child(2){width: 17%;}
.Footer-navbar-link ul li:nth-child(3){width: 17%;}
.Footer-navbar-link ul li:nth-child(4){width: 18%;}
.Footer-navbar-link ul li:nth-child(5){width: 18%;}
*/
.Footer-navbar-menu{width: 100%;height: 44px;overflow: hidden;position: relative;line-height: 40px;font-size: 20px;color: #333;font-weight: 300;}
.Footer-navbar-words{width: 100%;overflow: hidden;margin-top: 6px;}
.Footer-navbar-words a{font-size: 16px;color: #575758;display: block;padding: 6px 0;}
/*.Footer-navbar-words a:hover{font-size: 18px;}*/
.Footer-navbar-we{width: 30%;float: left;text-align: center;padding-right: 2%;border-right: 1px solid #313238;}
.Footer-navbar-we h6{width: 100%;overflow: hidden;position: relative;}
.Footer-navbar-weerw{width: 100%;padding: 20px 0;font-size: 0;}
.Footer-navbar-weerw i,.Footer-navbar-weerw a{width: 42px;height: 42px;border-radius: 100%;display: inline-block;margin: 0 12px;position: relative;vertical-align: middle;cursor: pointer;}
.Footer-navbar-weerw i{background: #fff url('../image/wx-ic.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-em{background: #fff url('../image/em-ic.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-wb{background: #fff url('../image/wb-ic.png') no-repeat center center;}
.Footer-navbar-weerw i:hover{background: #fff url('../image/wx-icH.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-em:hover{background: #fff url('../image/em-icH.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-wb:hover{background: #fff url('../image/wb-icH.png') no-repeat center center;}
.Footer-navbar-weerw i img{position: absolute;width: 140px;height: 140px;bottom: 52px;left: 50%;margin-left: -70px;z-index: 3;display: none;}
.Footer-navbar-weerw i:hover img{display: block;}
.Footer-navbar-we p{font-size: 20px;color: #fff;line-height: 25px;margin-top: 20px;}
.Footer-navbar-we h5{font-size: 16px;color: #fff;margin-top: 6px;display: inline-block;word-break: break-word;}
.Footer-navbar-we h5:hover a{color: #41a1ff;}
.Footer-friendbox{width: 100%;border-top: 1px solid #313238;}
.Footer-friend{width: 1520px;overflow: hidden;padding: 14px 0 24px 0;font-size: 0;background: #25262b;margin: 0 auto;}
.Footer-friend span{font-size: 14px;color: #92939a;display: inline-block;vertical-align: middle;margin-top: 10px;}
.Footer-friend a{font-size: 14px;color: #92939a;display: inline-block;vertical-align: middle;margin: 10px 12px 0 12px;}
.Footer-friend a:hover{color:#fff;}
.Footer-copy{width: 1520px;overflow: hidden;padding: 26px 0;font-size: 0;margin: 0 auto;}
.Footer-copy p{font-size: 13px;color: #727277;float: left;}
.Footer-copy h6{float: right;}
.Footer-copy h6 a{font-size: 13px;color: #727277;}
.Footer-copy h6 span{font-size: 14px;color: #727277;margin: 0 12px;}
.Footer-copy h6 a:hover{color: #fff;}



.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 75px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 90px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 273px;width: 75px;}
.sideBar-wrapper ul li.relQq{top: 91px;width: 250px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 0px;width: 220px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 182px;width: 75px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #333;font-size: 14px;height: 90px;overflow: hidden;background-color: #fff;border-radius: 6px 0 0 6px;}
.sideBar-wrapper ul li a img{width: 24px;height: 24px;margin: 0 12px 0 14px; display: block; margin: 0 auto;}
.new_block{margin-top: 20px; width: 75px;}
.new_block p{text-align: center; margin-top: 10px;}
.clickContent{height: 90px; line-height: 90px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -160px;}
.sideBar-wrapper ul li.relDh:hover{left: -130px;}
.sideBar-wrapper-ewm{position: absolute;top: -10px;left: -130px;background: url('../image/side-arr.png') no-repeat bottom right; width: 120px;height: 128px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 120px;height: 120px; box-shadow: 0 0 10px #666;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}



.Header-wrapper.changeNavbar{background-color: #35383f; border: none !important;}
.Header-wrapper.changeNavbar .Header-logoimg{display: none;}
.Header-wrapper.changeNavbar .Header-logoimg-hover{display: block;}
.Header-wrapper.changeNavbar .Header-navbar-menu{color: #fff;}
.Header-wrapper.changeNavbar .Header-search-click {background: url('../image/search.png') no-repeat center center;}
.Header-wrapper.changeNavbar .Header-search-click.ontrue{background: url('../image/searchCH.png') no-repeat center center /18px auto;}
.Header-wrapper.changeNavbar .Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../image/icon_menuw.png') no-repeat center center;}
.Header-wrapper.changeNavbar .Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../image/icon_menuon.png') no-repeat center center;}



.Header-wrapper.sunNavbar{background-color: #fff;}
.Header-wrapper.sunNavbar .Header-logoimg{display: none;}
.Header-wrapper.sunNavbar .Header-logoimg-hover{display: block;}
.Header-wrapper.sunNavbar .Header-navbar-menu{color: #555;}
.Header-wrapper.sunNavbar .Header-search-click {background: url('../image/searchH.png') no-repeat center center;}
.Header-wrapper.sunNavbar .Header-search-click.ontrue{background: url('../image/searchCH.png') no-repeat center center /18px auto;}
.Header-wrapper.sunNavbar .Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../image/icon_menu.png') no-repeat center center;}
.Header-wrapper.sunNavbar .Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../image/icon_menuon.png') no-repeat center center;}



.Header-navclick{height: 66px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 24px;height: 2px;background: #545454;display: block;position: relative;margin-top: 33px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #545454;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.Header-navclick:hover span{background: #545454;}
.Header-navclick:hover span:before{background: #545454;}
.Header-navclick:hover span:after{background: #545454;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
    100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
    100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
.Header-sunNavclick{width: 44px;height: 44px;display: none;background: url('../image/nav-arr.png') no-repeat center center /16px auto;position: absolute;z-index: 4;top: 0;right: 0;}
.Header-sunNavclick.ontrue{transform: rotate(180deg);}
.Footer-navbarClick{width: 44px;height: 44px;display: none;background: url('../image/foo-arr.png') no-repeat center center /16px auto;position: absolute;z-index: 4;top: 0;right: 0;}
.Footer-navbarClick.ontrue{transform: rotate(180deg);}



.Backtop {
    position: fixed;right: 2%;bottom: 2%;
    z-index: 999999;width: 40px;height: 40px;cursor: pointer;
    display: none ;background: rgba(0, 0, 0,subnavpro .34) url('../image/back-top.png') no-repeat center center;
}
.Backtop:hover{background-color: #000;}

.Header-navbar-sunnav-c h4{overflow: hidden;}
.Header-navbar-sunnav-c h4 a{display: block;float: left;}
.Header-navbar-sunnav-c h4 a.caseBox{display: none;margin-left: 40px;}


/*应用市场css样式*/
.apply_img{position: relative;}
.apply_img img{display: block; max-width: 100%; height: auto; margin: 0 auto;}
.apply_img h1{color: #fff; font-size: 66px; text-shadow: #9e9e9e 3px 3px 3px; font-weight: bolder; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.apply_posBoy{width: 1500px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-right: 
60px;}
.apply_img h1.vision_style{position: static; transform: translate(0); text-align: right}
.apply_img h1.security_title{transform: translate(-50%,0); top: 20%; width:80%; text-align:center}
.apply_img h1 span{opacity: 0}


.apply_content{width: 1500px; margin: 0 auto; margin-top: 0 !important; position: relative; z-index: 10}
.brightened_dot{padding: 85px 0; background: #f3f3f3;}
.apply_introduce{padding: 85px 0;}
.left_introduce{background: #f3f3f3; padding: 60px 75px 60px 50px; width: 816px;}
.introduce_header h2{color: #333; font-size: 50px;}
.introduce_header h2 span{color: #8dc21f;}
.introduce_header p{color: #666; font-size: 18px; margin-top: 20px;}
.introduce_body p{color: #333; font-size: 18px; margin-top: 100px; line-height: 1.8}
.introduce_footer{margin-top: 70px;}
.introduce_footer img{float: right;}
.right_introduce{width: 684px;}
.right_introduce img{display: block; max-width: 100%; margin: 0 auto;}
.technical_highlights{background: #fff; padding: 50px;}
.left_menu{width: 475px;}
.left_menu h2{color: #333; font-size: 50px;}
.menu_list{margin-top: 60px; width: 400px; background: #f8f8f8}
.menu_list li{padding: 40px 15px; font-size: 24px; color: #333; cursor: pointer; line-height: 1;}
.menu_list li span{font-size: 30px; margin-right: 20px; font-weight: bolder; vertical-align: text-top}
.menu_list li.menu_active{background: linear-gradient(to right, #bce566,#8dc220); color: #fff}
.right_imgList{width: 925px; margin: -15px;}
.technology_item{padding: 15px; position: relative;}
.layout_block1 .technology_item{width: 100%;}
.layout_block2{display: flex; align-items: flex-end}
.layout_block2 .technology_item{width: 50%;}
.layout_block3 .technology_item{width: 100%}
.layout_block4 .technology_item{width: 50%;}

.left_layout{width: 52.5%;}
.right_layout{width: 47.5%;}

.technology_item h2{position: absolute; left: 0; width: 100%; bottom: 0; padding:25px 30px; color: #fff; font-size: 30px; text-align: center; display: none}
.technology_item img{width: 100%; display: block}
.application{padding: 120px 0;}
.application>h2{color: #333; font-size: 50px; text-align: center}
.case_content{margin: 50px -40px;}
.case_item{width: 33.33%; padding: 40px;}
.case_block{padding: 50px 0 75px 0; box-shadow: 0 0 20px #eee; border-radius: 10px; display: block;}
.case_item img{display: block; margin: 0 auto; width: 300px;}
.case_item h3{color: #666; font-size: 36px; margin-top: 30px; text-align: center}
.getInto_icon a{display: block; width: 145px; height: 50px; line-height: 40px; text-align: center; border-radius: 50px; border: 1px solid #9dab6e; margin: 0 auto;}
.arrowhead{width: 35px; height: 35px; border-radius: 35px; background: #fff;}
.arrowhead img{width: 15px; display: block; margin: 12.5px auto 0;}


.goods_list{width: 1500px; margin: 0 auto; padding: 90px 0;}
.goodsItem{padding: 45px 0;}
.left_goodsImg{width: 33%;}
.left_goodsImg img{display: block; max-width: 100%; margin: 0 auto;}
.right_goodsText{width: 67%; padding-left: 50px;}
.right_goodsText h2{color: #333; font-size: 60px; line-height: 1; margin-top: 60px;}
.right_goodsText h2 span{color: #8dc21f;}
.right_goodsText p{color: #333; font-size: 26px; line-height: 1.8; margin-top: 40px;}

.lr_structure{padding: 150px 0;}
.structure_img{width: 60%;}
.structure_img img{display: block;  max-width: 100%;}
.structure_text{width: 50%; padding-right: 60px; padding-top: 50px;}
.structure_rightText{padding-left: 100px; padding-right: 0}
.structure_text h2{color: #333; font-size: 60px;}
.structure_text h2 span{color: #8dc21f;}
.structure_text h2 strong{color: #8dc21f; display: block; font-weight: normal;}
.structure_text p{color: #333; font-size: 30px; margin-top: 50px; line-height: 1.8}

.tb_structure{position: relative;}
.tb_structure img{width: 100%; display: block}
.tbStructure_body{position: absolute; left: 50%; transform: translateX(-50%); bottom: 200px; width: 1500px;}
.tbStructure_body h2{color: #fff; font-size: 60px; text-align: center; padding: 40px 0;}
.tbStructure_body h2 span{color: #8dc21f;}
.tbStructure_body p{color: #fff; font-size: 30px; line-height: 1.8; text-align: center}

.apply_common{position: relative; padding: 50px 0; color: #333;}
.apply_common img{display: block; max-width: 100%;}
.apply_common_lin{padding: 0; color: #fff;}
.apply_common_text{position: absolute; left: 0; top: 100px; padding: 0 20px; width: 100%; text-align: center}
.apply_common_text h2{font-size: 60px; padding: 40px 0;}
.apply_common_text h2 span{color: #8dc21f;}
.apply_common_text p{font-size: 30px; line-height: 1.5}
.apply_common_h2{width: 50%; margin: 0 auto}

.common_content{width: 1500px; margin: 0 auto; padding:20px 40px}
.security_text{padding-top: 60px; padding: 60px;}
.security_text p{text-align: left; padding: 8px 0; color: #333; font-size: 30px;}
.security_header{position: relative;}
.securityImg{width: 66%;}
.securityImg img{display: block; max-width: 100%; margin: 0 auto;}
.securityName{width: 34%; color: #333; font-size: 60px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.securityName span{color: #96c738;}
.security_item{padding: 60px 0;}
.security_item:nth-child(odd){background: #f3f3f3;}
.security_item:nth-child(even){background: #fff;}
.security_item:nth-child(odd) .securityName{right: 0;}
.security_item:nth-child(even) .securityName{left: 0;}
.security_body{padding: 30px 0;}
.intelligence_about ul li{padding: 10px 0 10px 40px; position: relative; color: #333; font-size: 24px; line-height: 1.8; background-image: url(../image/leftIcon.png);background-position: left 22px; background-repeat: no-repeat; background-size: 23px 23px;}
.security_body ul li{padding: 10px 0 10px 40px; position: relative; color: #333; font-size: 24px; line-height: 1.8; background-image: url(../image/leftIcon.png);background-position: left 50%; background-repeat: no-repeat; background-size: 23px 23px;}
.security_body p>span{position: absolute; left: 0; top: 20px;}
.security_body p>span span{display: block; width: 23px; height: 23px; border-radius: 100%; background: #c7c7c7; position: relative;}
.security_body p span strong{display: block; width: 15px; height: 15px; border-radius: 100%; background: #999; position: absolute; left: 4px; top: 4px;}
.security_footer{margin: 0 -15px;}
.security_footer_half{margin: 0 25px}
.security_footerImg{width: 33.33%; padding: 0 15px;}
.security_footer_half .security_footerImg{width: 50%; padding: 0 25px;}
.security_footerImg img{display: block; max-width: 100%; margin: 0 auto;}

.core_item{padding: 80px 0;}
.core_item:nth-child(odd){background: #fff;}
.core_item:nth-child(even){background: #f3f3f3;}
.core_item:nth-child(odd) .special_text{padding-right: 100px;}
.core_item:nth-child(even) .special_text{padding-left: 100px;}
.special_text{width: 40%;}
.special_text h2{color: #333; font-size: 44px; margin-bottom: 50px;}
.special_text h2 span{display: block; color: #8dc21f;}
.special_text p{color: #333; font-size: 28px; line-height: 1.8;}
.special_img{width: 60%;}
.special_img img{display: block; max-width: 100%; margin: 0 auto;}

.about_background{background: #f8f8f8;}
.about_background1{background: #fff;}
.about_message{padding: 120px 0;}
.about_message h2{color: #333; font-size: 60px; text-align: center; line-height: 1.8; margin-bottom: 50px;}
.about_message p{color: #333; font-size: 30px; line-height: 1.8}

.history_content{padding: 60px;}
.development_history{color: #333; font-size: 60px; padding: 60px 0; text-align: center; text-align: center}
.history_item{padding: 50px 0;}
.left_year{color: #eaeaea; font-size: 70px; font-weight: bolder; line-height: 1; width: 25%;}
.history_message{width: 75%; padding-left: 100px;}
.history_header{padding: 35px 0; display: inline-block; padding-right: 70px; border-bottom: 4px solid #8dc21f;}
.history_header h2{color: #333; font-size: 48px; margin-left: 60px; line-height: 1}
.tabIcon{width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 10px #eee; position: relative; margin-left: -25px;}
.tabIcon span{position: absolute; left: 13px; top: 13px; width: 24px; height: 24px; background: #8dc21f; border-radius: 50%;}
.history_text{padding: 120px 0 100px 0; border-left: 4px dashed #8dc21f;}
.history_text p{padding: 30px 80px; padding-right: 0; line-height: 1.8; border-bottom: 1px solid #eaeaea; font-size: 36px; color: #999999}

.join_about{background: #f8f8f8; padding: 100px 0;}
.join_about p{color: #333; font-size: 36px; text-align: center; line-height: 1.8; padding: 10px 0;}


.change_tab{padding: 40px 0;}
.titleItem{color: #999999; background: #f8f8f8; font-size: 36px; width: 480px; height: 90px; text-align: center; line-height: 90px; border-radius: 5px; cursor: pointer;}
.titleActive{color: #fff; background: #8dc21f;}
.titleItem:first-child{margin-left: 12%;}
.titleItem:last-child{margin-right: 12%;}
.post_item{box-shadow: 0 0 10px #eaeaea; border-radius: 10px; margin-top: 30px;}
.postbox{padding: 40px; background: #f8f8f8; border-radius: 10px; font-size: 30px; color: #333; margin-top: 40px;}
.postbox img{display: block; width: 50px;}
.postbox p{margin-left: 20px;}
.post_header{position: relative; color: #333; font-size: 30px; line-height: 1; padding: 30px; padding-right: 60px; cursor: pointer}
.post_header img{display: block; width: 30px; position: absolute; right: 40px; top: 40px; transition: all 0.5s;}
.post_header img.revolveImg{transform:rotate(180deg);}
.post_demand{padding: 15px 40px; border-top: 1px solid #eaeaea;}
.demand_ul li{padding: 15px 0;}
.demand_ul li h2{color: #333; font-size: 26px; margin-bottom: 20px;}
.demand_ul li p{color: #999; font-size: 20px; line-height: 2}

.news_header_item{color: #333; font-size: 28px; padding: 30px; cursor: pointer;}
.news_header_active{color: #8ec321; position: relative}
.news_header_active::after{content: ' '; position: absolute; width: 30%; bottom: 0; height: 5px; background: #8ec321; left: 35%;}

.news_message_item{padding: 30px; background: #fff; margin-top: 25px;}
.news_message_title{color: #333; font-size: 32px; padding: 20px 0;}
.news_message_item>a{display: block;}
.news_img{width: 25%;}
.news_img img{display: block; max-width: 100%;}
.news_text{width: 75%; padding-left: 30px; padding-top: 20px;}
.news_text p{color: #666; font-size: 15px; line-height: 1.8}
.news_date{margin-top: 20px;}
.getInto_date{color: #8c8c8c; font-size: 15px;}
.getInto_img img{display: block; width: 35px; margin-top: 10px;}

.intelligence_title{color: #333; font-size: 60px; text-align: center; padding: 20px 0}
.intelligence_title span{color: #8dc21f;}
.intelligence_text{color: #333; font-size: 30px; text-align: center; line-height: 1.8}
.intelligence_img{padding: 20px 0; margin: 0 -10px;}
.intelligence_img1 .intelligence_img_item{width: 100%;}
.intelligence_img2 .intelligence_img_item{width: 50%; padding: 0 10px; float: left}
.intelligence_img3 .intelligence_img_item{width: 33.33%; padding: 0 10px; float: left}
.intelligence_img img{display: block; margin: 0 auto; max-width: 100%;}
/*.intelligence_about{padding-left: 40px;}*/
.intelligence_about p{color: #333; font-size: 24px; line-height: 1.4; margin-top: 10px; padding-left: 40px}
.intelligence_about_p p{color: #333; font-size: 24px; line-height: 1.4; margin-top: 10px;}
.intelligence_about h2{color: #333; font-size: 28px; line-height: 1.4; position: relative; margin-top: 30px; padding-left: 40px; background-image: url(../image/leftIcon.png);background-position: left 50%; background-repeat: no-repeat; background-size: 23px 23px;}
.intelligence_about h2:first-child{margin-top: 0}
.intelligence_ul li{padding: 15px 0;}
.intelligence_message{padding-left: 40px;}
.intelligence_message h2{color: #333; font-size: 28px; line-height: 1.8; position: relative}
.intelligence_message h2>span{position: absolute; left: -40px; top: 20px;}
.intelligence_message h2>span span{display: block; width: 23px; height: 23px; border-radius: 100%; background: #c7c7c7; position: relative;}
.intelligence_message h2 span strong{display: block; width: 15px; height: 15px; border-radius: 100%; background: #999; position: absolute; left: 4px; top: 4px;}
.special_arr{padding: 0 10px;}
.special_item:last-child{margin-top: 20px;}
.special_item:first-child{margin-top: 0!important}
.special_arr1{width: 67.5%;}
.special_arr2{width: 32.5%;}

.client_item{width: 25%; padding: 0; height: 200px; position: relative}
.client_item img{display: block; max-width: 80%; position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%);}

.swiper-custom{padding: 30px; background: #f2f2f2;}
.honour_title{font-size: 16px; text-align: center; margin-top: 20px;}

.swiper-position{position: relative; padding: 0 100px; margin-top: 30px;}
.contact_message{margin-top: 30px;}
.contact_li{width: 50%; padding: 20px 0; height: 350px; padding-left: 100px;}
.contact_icon img{margin: 0}
.contact_name{color: #333; font-size: 30px; margin-top: 15px;}
.contact_address{color: #333; font-size: 20px; margin-top: 15px;}
.contact_phone{color: #333; font-size: 20px; margin-top: 15px;}

@media all and (max-width:1700px) {
    .Header-navbar ul li {margin: 0 32px;}
    .Header-navbar-sunnavsize{padding: 0;}

    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1708px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}
@media all and (max-width:1640px) {
    .Footer-navbar,.Footer-friend,.Footer-copy{width: 94%;}
    .Footer-navbar-we p{font-size: 18px;}
    .Header-wrapper{padding: 0 3%; background: #fff}
    .Header-container{width: 100%;}

    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1520px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}

}

@media all and (max-width:1500px) {
    /*应用市场css样式*/
    .apply_content{width: 100%; margin-top: -70px;}
  .common_content{width: 100%; padding-left: 60px; padding-right: 60px;}
  .left_introduce{width: 54%;}
  .right_introduce{width: 46%;}
  .left_menu{width: 34%;}
  .right_imgList{width: 66%;}
  .goods_list{width: 100%; padding: 50px 30px;}
  .brightened_dot{padding: 60px 0;}
.apply_introduce{padding: 60px 0;}
  .apply_img h1{font-size: 50px;}
  .right_goodsText h2{font-size: 40px; margin-top: 50px;}
  .right_goodsText p{font-size: 20px;}
  .apply_posBoy{width: 100%; padding: 0 20px;}
  
  .tbStructure_body h2{font-size: 50px;}
  .structure_text p{font-size: 24px;}

  
  .securityName{font-size: 50px;}
  .intelligence_about ul li{font-size: 20px; background-size: 18px 18px;}
  .security_body ul li{font-size: 20px; background-size: 18px 18px;}
  .security_body p>span{top: 17px;}
  
  .apply_common_text h2{font-size: 50px;}
  .apply_common_text p{font-size: 24px;}
  
  .core_item{padding: 70px 0;}
  .core_item:nth-child(odd) .special_text{padding-right: 80px;}
  .core_item:nth-child(even) .special_text{padding-left: 80px;}
  .special_text h2{color: #333; font-size: 40px; margin-bottom: 50px; margin-top: 50px;}
  .special_text p{color: #333; font-size: 24px; line-height: 1.8;}
  
  .about_message{padding: 80px 0;}
  .about_message h2{font-size: 50px; margin-bottom: 30px;}
  .about_message p{font-size: 24px;}
  .development_history{font-size: 50px;}
  .left_year{font-size: 60px;}
  .history_header{padding: 25px 70px 25px 0;}
  .history_header h2{font-size: 40px;}
  .history_text{padding: 70px 0 50px 0;}
  .history_text p{font-size: 30px;}
  
  .join_about{padding: 60px 0;}
  .join_about p{font-size: 30px;}
  .titleItem{font-size: 28px; width: 400px; height: 74px; line-height: 74px;}
  .postbox{font-size: 30px;}
  .postbox img{width: 60px;}
  .post_header{font-size: 30px;}
  .demand_ul li h2{font-size: 26px;}
  .demand_ul li p{font-size: 18px}
  .post_header img{width: 30px;}
	
	.security_text p{font-size: 22px;}
	.intelligence_title{font-size: 40px; padding: 20px 0}
	.intelligence_about h2{font-size: 24px; margin-top: 20px; padding-left: 30px;  background-size: 18px 18px; background-position:left 50%;}
	.intelligence_message h2>span{top: 16px;}
	.intelligence_text{font-size: 28px;}
	.intelligence_about p{font-size: 22px; margin-top: 5px; padding-left: 30px}
    .intelligence_about_p p{font-size: 22px; margin-top: 5px;}
  
    .Header-navbar ul li {margin: 0 28px;}
    .Header-navbar-sunnavsize{padding: 0;}
    .Footer-navbar-menu{font-size: 18px;}
    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1506px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
  
  .lr_structure{padding: 120px 20px;}
  .structure_text{padding-right: 50px; padding-top: 50px;}
  .structure_rightText{padding-left: 60px;}
  .structure_text h2{font-size: 50px;}
  .structure_text p{font-size: 24px; margin-top: 42px;}
  .tbStructure_body{bottom: 150px; width: 100%;}
  .tbStructure_body h2{font-size: 50px; text-align: center; padding: 30px 0;}
  .tbStructure_body p{font-size: 24px;}
}

@media all and (max-width:1380px) {
  .common_content{width: 100%; padding-left: 40px; padding-right: 40px;}
  /*应用市场css样式*/
    .apply_content{width: 100%; margin-top: -50px;}
  .left_introduce{width: 54%;}
  .introduce_header h2{font-size: 36px;}
  .introduce_body p{margin-top: 50px;}
  .introduce_footer{margin-top: 50px;}
  .right_introduce{width: 46%;}
  .left_menu{width: 34%;}
  .left_menu h2{font-size: 36px;}
  .menu_list li{font-size: 20px;}
  .right_imgList{width: 66%;}
  .menu_list{width: 100%;}
  .application{padding: 80px 0}
  .application>h2{font-size: 36px;}
  .case_item h3{font-size: 28px;}
   .apply_img h1{font-size: 38px;}
  .right_goodsText h2{font-size: 32px; margin-top: 40px;}
  .right_goodsText p{font-size: 16px;}
  
  .tbStructure_body h2{font-size: 50px;}
  .structure_text p{font-size: 24px;}
  .apply_common_text h2{font-size: 50px;}
  .apply_common_text p{font-size: 24px;}
  
  .securityName{font-size: 42px;}
  .intelligence_about ul li{font-size: 22px; padding: 6px 0 6px 30px; background-size: 18px 18px; background-position:left 18px;}
  .security_body ul li{font-size: 22px; padding: 6px 0 6px 30px; background-size: 13px 13px;}
  .security_body p>span{top: 11px;}
  .security_body p>span span{width: 18px; height: 18px;}
  .security_body p>span strong{width: 10px; height: 10px;}
  
  .core_item{padding: 60px 0;}
  .core_item:nth-child(odd) .special_text{padding-right: 60px;}
  .core_item:nth-child(even) .special_text{padding-left: 60px;}
  .special_text h2{color: #333; font-size: 32px; margin-bottom: 30px; margin-top: 50px;}
  .special_text p{color: #333; font-size: 18px; line-height: 1.8;}
  
  .join_about{padding: 40px 0;}
  .join_about p{font-size: 20px;}
  .titleItem{font-size: 24px; width: 300px; height: 64px; line-height: 64px;}
  .postbox{font-size: 20px; margin-top: 50px; padding: 20px;}
  .postbox img{width: 48px;}
  .post_header{font-size: 40px;}
  .demand_ul li h2{font-size: 28px;}
  .demand_ul li p{font-size: 20px}
  .post_header img{width: 28px;}
  .change_tab{padding: 50px;}
  .contact_li{padding-left: 60px;}
  
    .Header-navbar ul li {margin: 0 26px;}
    .Header-navbar-sunnavsize{padding: 0;}
    .Header-navbar-sunnav{width: 100%;}
    .Footer-navbar {padding: 60px 0 56px 0;}
    .Footer-navbar-we p {font-size: 16px;}
    .Header-navbar-menu{font-size:16px;}
    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: auto;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
    .Header-navbar-menu{font-size:14px;}
  
  .lr_structure{padding: 120px 20px;}
  .structure_text{padding-right: 50px; padding-top: 50px;}
  .structure_rightText{padding-left: 60px;}
  .structure_text h2{font-size: 40px;}
  .structure_text p{font-size: 20px; margin-top: 42px;}
  .tbStructure_body{bottom: 120px; width: 100%;}
  .tbStructure_body h2{font-size: 40px; text-align: center; padding: 30px 0;}
  .tbStructure_body p{font-size: 20px;}
}

@media all and (max-width:1280px) {
    .Header-navbar ul li {margin: 0 20px;}
    .Header-navbar-sunnavsize{padding: 0;}
    .Header-navbar-sunnav-c h4{font-size: 22px;}
    .Header-navbar-sunnav-r h5 a {font-size: 24px;margin-top: 30px;}
}

@media all and (max-width:1200px) {
  .common_content{width: 100%; padding-left: 40px; padding-right: 40px;}
   /*应用市场css样式*/
    .apply_content{width: 100%;}
  .goods_list{width: 100%; padding: 30px 20px;}
  .goodsItem{padding: 25px 0;}
  .right_goodsText h2{font-size: 36px; margin-top: 50px;}
  .left_introduce{width: 54%; padding: 50px 50px 50px 30px;}
  .introduce_header h2{font-size: 36px;}
  .introduce_header p{font-size: 16px;}
  
  .introduce_body p{margin-top: 40px; font-size: 16px;}
  .introduce_footer{margin-top: 40px;}
  .right_introduce{width: 46%;}
  .left_menu{width: 34%;}
  .left_menu h2{font-size: 36px;}
  .menu_list li{font-size: 16px; width: 100%; padding: 25px 15px;}
  .right_imgList{width: 66%;}
  .arrowhead{width: 30px; height: 30px;}
  .arrowhead img{margin-top: 10px;}
  .menu_list li span{margin-right: 10px; font-size: 24px;}
  .application{padding: 80px 0}
  .application>h2{font-size: 36px;}
  .case_item h3{font-size: 24px;}
  .case_content{margin: 30px -20px;}
  .case_item{padding: 20px;}
  .case_item img{width: 200px;}
  .technology_item h2{font-size: 22px;}
   .apply_img h1{font-size: 28px;}
  .right_goodsText h2{font-size: 28px; margin-top: 30px;}
  .right_goodsText p{font-size: 14px;}
  
  .security_text p{font-size: 20px;}
  .securityName{font-size: 42px;}
  .intelligence_about ul li{font-size: 16px; padding: 6px 0 6px 30px; background-size: 20px 20px;}
  .security_body ul li{font-size: 16px; padding: 6px 0 6px 30px; background-size: 20px 20px;}
  .security_body p>span{top: 13px;}
  .security_body p>span span{width: 18px; height: 18px;}
  .security_body p>span strong{width: 10px; height: 10px;}
  
  .core_item{padding: 60px 0;}
  .core_item:nth-child(odd) .special_text{padding-right: 50px;}
  .core_item:nth-child(even) .special_text{padding-left: 50px;}
  .special_text h2{color: #333; font-size: 28px; margin-bottom: 30px; margin-top: 50px;}
  .special_text p{color: #333; font-size: 18px; line-height: 1.8;}
  
  .about_message{padding: 50px 0;}
  .about_message h2{font-size: 40px; margin-bottom: 20px;}
  .about_message p{font-size: 20px;}
  .development_history{font-size: 40px;}
  .left_year{font-size: 50px; margin-top: 15px;}
  .history_header{padding: 25px 70px 25px 0;}
  .history_header h2{font-size: 30px;}
  .history_text{padding: 30px 0;}
  .history_text p{font-size: 20px; padding: 15px 40px 30px 40px;}
  .tabIcon{width: 45px; height: 45px;}
  .tabIcon span{width: 19px; height: 19px;}
  
  .join_about{padding: 30px 0;}
  .join_about p{font-size: 16px;}
  .titleItem{font-size: 18px; width: 250px; height: 50px; line-height: 50px;}
  .postbox{font-size: 16px; margin-top: 30px; padding: 20px;}
  .postbox img{width: 30px;}
  .post_header{font-size: 30px; padding: 20px;}
  .demand_ul li h2{font-size: 20px; margin-bottom: 10px;}
  .demand_ul li p{font-size: 16px}
  .post_header img{width: 20px; top: 30px;}
  .change_tab{padding: 30px;}
  .post_item{margin-top: 20px;}
  .demand_ul li{padding: 10px 0;}
	
	.security_text p{font-size: 16px;}
	.intelligence_title{font-size: 20px; padding: 5px 0}
	.intelligence_about h2{font-size: 20px; margin-top: 15px;}
	.intelligence_message h2>span{top: 11px;}
	.intelligence_text{font-size: 20px;}
	.intelligence_about p{font-size: 14px;}
    .intelligence_about_p p{font-size: 14px;}
	.intelligence_ul li{padding: 5px 0;}
	.intelligence_img{margin: 0 -5px;}
	.special_arr{padding: 0 5px;}
	.special_item:last-child{margin-top: 10px;}
  
  .contact_message{margin-top: 0;}
  .contact_li{height: 250px; padding: 20px 10px;}
  .contact_icon img{margin: 0; width: 80px;}
  .contact_name{color: #333; font-size: 24px; margin-top: 15px;}
  .contact_address{color: #333; font-size: 16px; margin-top: 15px;}
  .contact_phone{color: #333; font-size: 16px; margin-top: 15px;}
  
    .Header-navbar-menu{font-size: 14px;}
    .Header-navbar ul li {margin: 0 14px;}
    .Header-navbar-sunnavsize{padding: 0;}
    .Header-navbar-sunnav-c h4{font-size: 20px;}
    .Header-navbar-sunnav-c p{margin-top: 18px;}
    .Header-navbar-sunnav-r{height: 154px;}
    .Header-navbar-sunnav-l a{margin: 6px 2%;}
    .Footer-navbar-menu{font-size: 16px;}
    .Footer-navbar-we h6{font-size: 18px;}
    .Footer-navbar-words a{font-size: 13px;}
    .Footer-navbar-we h5{font-size: 14px;}
    .Footer-navbar {padding: 54px 0 46px 0;}
  
  .lr_structure{padding: 80px 20px;}
  .structure_text{padding-right: 50px; padding-top: 50px;}
  .structure_rightText{padding-left: 60px;}
  .structure_text h2{font-size: 30px;}
  .structure_text p{font-size: 16px; margin-top: 42px;}
  .tbStructure_body{bottom: 80px; width: 100%;}
  .tbStructure_body h2{font-size: 30px; text-align: center; padding: 20px 0;}
  .tbStructure_body p{font-size: 16px;}
}


.suncontainer-top{margin-top: 66px;}




@media all and (max-width:1000px) {
  .swiper-position{padding: 0 !important; margin-top: 20px;}
  .swiper-position .swiper-slide{width: 100% !important;}
  .client_item{height: 80px;}
  .common_content{width: 100%; padding-left: 20px; padding-right: 20px;}
  .goods_list{width: 100%; padding: 20px;}
  .goodsItem{padding: 15px 0;}
  .left_goodsImg{width: 100%;}
  .right_goodsText{width: 100%; padding-left: 0;}
  .right_goodsText h2{font-size: 24px; margin-top: 0px;}
  .right_goodsText p{font-size: 16px; margin-top: 10px;}
  /*应用市场css样式*/
  .apply_content{width: 100%; margin: 0}
  .left_introduce{width: 100%; float: none; padding: 20px;}
  .introduce_header h2{font-size: 24px;}
  .introduce_header p{font-size: 14px; margin-top: 10px;}
  
  .introduce_body p{margin-top: 20px; font-size: 14px;}
  .introduce_footer{margin-top: 20px;}
  .right_introduce{width: 100%; float: none;}
  .brightened_dot{padding: 20px 0;}
  .apply_introduce{padding: 20px 0;}
  .left_menu{width: 100%; float: none; margin-top: 0;}
  .menu_list li span{font-size: 24px;}
  .left_menu h2{font-size: 24px; text-align: center;}
  .menu_list li{font-size: 16px; padding: 20px; margin: 0;}
  .menu_list{margin-top: 30px;}
  .right_imgList{width: 100%; margin: 0; padding: 15px 0;}
  .technology_item{padding: 5px;}
  .application{padding: 30px 0}
  .application>h2{font-size: 24px;}
  .case_item h3{font-size: 16px; margin-top: 20px;}
  .case_block{padding: 30px 0;}
  .case_content{margin: 30px -5px;}
  .case_item{padding: 5px; width: 50%;}
  .case_item img{width: 100%;}
  .technical_highlights{margin-top: 0; padding: 20px;}
  .getInto_icon a{width: 100px; height: 35px; line-height: 25px;}
  .getInto_icon a img{width: 24px;}
  .technology_item h2{font-size: 12px; padding: 15px;}
  .apply_img h1{font-size: 20px; text-align: center; width: 100%; padding: 0 20px;}
  
  .common_content{padding: 20px;}
  .security_text p{font-size: 16px; padding:  0; line-height: 1.8}
  .security_item{padding: 0;}
  .securityImg{width: 100%;}
  .securityName{width: 100%; left: 0; text-align: center; font-size: 36px;}
  
  .lr_structure{padding: 10px 0;}
  .structure_text{padding: 10px 0; width: 100%;}
  .structure_img{width: 100%;}
  .structure_rightText{padding-left: 0; padding-right: 0}
  .structure_text h2{font-size: 20px;}
  .structure_text p{font-size: 14px; margin-top: 15px;}
  .tbStructure_body{bottom: 70px; width: 100%; padding: 0 20px;}
  .tbStructure_body h2{font-size: 20px; text-align: center; padding: 12px 0;}
  .tbStructure_body p{font-size: 14px;}
  
  .apply_common_text{top: 0;}
  .apply_common{padding: 20px 0;}
  .tbStructure_body h2{font-size: 20px;}
  .structure_text p{font-size: 14px;}
  .apply_common_text h2{font-size: 20px;}
  .apply_common_text p{font-size: 14px;}
  .security_body{padding: 15px 0; padding-top: 0}
  .security_footer{margin: 0 -5px;}
  .security_footerImg{padding: 0 5px;}
  .security_footer_half{margin: 0 -10px;}
  .security_footer_half .security_footerImg{padding: 0 10px;}
  
  .Header-navbar ul li.active::after{display: none}
  .Header-navbar ul li:hover::after{display: none}
  
  .core_item{padding: 0;}
  .core_item:nth-child(odd) .special_text{margin-bottom: 20px;}
  .core_item:nth-child(even) .special_text{margin-top: 20px;}
  .special_img{width: 100%;}
  .special_text{width: 100%; padding: 0 !important}
  .special_text h2{color: #333; font-size: 20px; margin-bottom: 10px; margin-top: 0}
  .special_text p{color: #333; font-size: 14px; line-height: 1.8;}
  
  .about_message{padding: 0;}
  .about_message h2{font-size: 25px; margin-bottom: 10px;}
  .about_message p{font-size: 14px;}
  .history_message{padding-left: 30px; width: 70%;}
  .development_history{font-size: 24px; padding: 15px 0}
  .history_item{padding: 15px 0;}
  .left_year{font-size: 30px; margin-top: 20px; width: 100%;}
  .history_header{padding: 25px 30px 25px 0; border-width: 2px;}
  .history_header h2{font-size: 20px; margin-left: 15px;}
  .history_text{padding: 30px 0; border-width: 2px; padding-top: 10px;}
  .history_text p{font-size: 16px; padding: 15px;}
  .tabIcon{width: 22px; height: 22px;}
  .tabIcon span{width: 10px; height: 10px; left: 6px; top: 6px;}
  
  .join_about{padding: 0;}
  .join_about p{font-size: 16px; padding: 5px 0}
  .postbox p{margin-left: 20px;}
  .titleItem{font-size: 20px; width: 46%; height: 50px; line-height: 50px; display: flex; align-content: center; justify-content: center}
  .titleItem-en{font-size: 20px; width: 48%; }
  .postbox{font-size: 16px; margin-top: 30px; padding: 20px;}
  .postbox img{width: 30px;}
  .post_header{font-size: 18px; padding: 20px; padding-right: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .demand_ul li h2{font-size: 16px; margin-bottom: 10px;}
  .demand_ul li p{font-size: 12px}
  .post_header img{width: 15px; right: 20px; top: 25px;}
  .change_tab{padding: 0;}
  .titleItem:first-child{margin: 0;}
  .titleItem:last-child{margin: 0}
  .post_item{margin-top: 20px;}
  .demand_ul li{padding: 10px 0;}
  .post_demand{padding: 15px 20px;}
  
  .news_header_item{font-size: 18px; padding: 20px;}
  .news_message_title{font-size: 18px;}
  .news_img{width: 100%;}
  .news_text{width: 100%; padding-left: 0}
	.intelligence_img2 .intelligence_img_item{padding: 0 5px;}
	.intelligence_img3 .intelligence_img_item{padding: 0 5px;}
	 .intelligence_message h2>span{top: 13px;}
  .intelligence_message h2>span span{width: 18px; height: 18px;}
  .intelligence_message h2>span strong{width: 10px; height: 10px;}
  
  .contact_li{height: auto; width: 100%;}
  .contact_icon img{margin: 0; width: 60px;}
  .contact_name{color: #333; font-size: 18px; margin-top: 15px;}
  .contact_address{color: #333; font-size: 14px; margin-top: 15px;}
  .contact_phone{color: #333; font-size: 14px; margin-top: 15px;}
  
  .structure_img img{width: 100%;}
  
  
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c, .gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: 100%;margin: 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 50%;}
    .Header-navbar ul li.ontrue .Header-navbar-menu::after{display: none}
    .Header-navbar ul li .Header-navbar-menu:hover::after{display: none}
    .Header-wrapper{background-color: #fff;}
    .Header-logoimg{display: none;}
    .Header-logoimg-hover{display: block;}
    .Header-navbar-menu{color: #555;}
    .Header-search-click {background: url('../image/searchH.png') no-repeat center center;}
    .Header-search-click.ontrue{background: url('../image/searchCH.png') no-repeat center center /18px auto;}
    .Header-logo{height: 66px;line-height: 66px;}
    .Header-logo img{width: 120px;}
    .Header-search-click{height: 66px;}
    .Header-navbar{height: auto;line-height: normal;padding-bottom: 16px;display: none; width: 100%; padding: 20px; position: fixed; top: 66px; left: 0; width: 100%; background: #fff}
    .Header-navbar ul li{width: 100%;margin: 0;}
    .Header-navbar-menu{font-size: 14px;height: 46px;line-height: 46px;text-align: left;}
    .Header-navbar-menu i{display: none;}
    .Header-navclick{display: block;}
    .Header-navbar ul li{position: relative; height: auto;}
    .Header-sunNavclick{display: block;}
    .Header-navbar-sunnavsize{position: static;display: none;padding: 8px 0; width: 100%; margin: 0;}
    .Header-navbar-sunnav-c{display:block;padding:0;width:100%;margin:0px;}
    .Header-navbar-sunnav-r{display: none;}
    .Header-navbar-sunnav-l{width: 100%;padding-right: 0;border-right: none;}
    .Header-navbar-sunnav-l a{font-size: 14px;height: 36px;line-height: 36px;}
    .Header-search-words{top: 66px;width: 100%;border-top: 1px solid #ebebeb;}
    .Header-search-words input{width: 100%;}
    .Header-search{position: static;}
    .sideBar-wrapper{display: none;}

    .Header-navbar ul li.sonnav,.Header-navbar ul li.sonnav:hover{background:none;}
    .Header-navbar-sunnav-l{display:none;}
    .Header-navbar-sunnav-c h4{font-size:16px;margin-bottom:8px;}
  .Header-navbar-sunnav-c .subnavpro{padding: 0;}
    .Header-navbar-sunnav-c .subnavcase dd{width:100%;font-size:16px;margin: 5px 0;}
    .nav-news{text-align:center;}
    .Header-navbar-sunnav-c .subnavpro dd{margin-bottom:0px; padding-left: 20px; width: 100%;text-align: left; box-sizing:border-box;}
    .Header-navbar-sunnav-c .subnavpro dd span{height:60px;}
    .Header-navbar-sunnav-c .subnavpro span img{height:45px;}
    .Header-navbar-sunnav-c .subnavpro dd a{font-size:14px;}

    .Footer-navbar {padding: 32px 0;}
    .Footer-navbar-link{width: 100%;}
    .Footer-navbar-code{width: 100%; margin-top: 20px;}
    .Footer-navbar-link ul li{width: 100% !important;padding-right: 0;}
    .Footer-navbar-words{margin-top: 0; display: none}
    .Footer-navbar-menu{font-size: 18px;}
    .Footer-navbarClick{display: block;}
    .Footer-navbar-we{width: 100%;border-left: none;margin-top: 24px;padding-left: 0;}
    .Footer-navbar-we h6{font-size: 16px;}
    .Footer-navbar-we h6 img{height: 44px;}
    .Footer-navbar-weerw i img {margin-left: 0;}
    .Footer-navbar-weerw{padding: 14px 0;}
    .Footer-navbar-we p{margin-top: 18px;font-size: 18px;}
    .Footer-navbar-we h5{font-size: 16px;color: #cecece;}
    .Footer-friend {padding: 10px 0 18px 0;}
    .Footer-friend a {margin: 10px 8px 0 8px;}
    .Footer-copy{padding: 18px 0;text-align: center;}
    .Footer-copy p{width: 100%;}
    .Footer-copy h6{width: 100%;margin-top: 12px;}
    #newBridge {z-index: 9999 !important;}
    .Footer-navbar-words a {font-size: 16px;padding: 10px 0;}
    .Footer-navbar-link ul li{margin-top: 8px;}
    .Header-navbar-menu{font-size: 18px;font-weight: 600;}
    .Header-navbar-sunnav-c .subnavpro dd span{display: none;}
    .Header-navbar-sunnav-c .subnavpro dd a {font-size: 16px;}
    .Header-navbar ul{width: 100%;height: auto;overflow-y: auto;}

    .Header-navbar-sunnav-c h4 a.caseBox{display: block;}
  .language{color: #555; font-weight: 600; font-size: 18px; height: 46px; line-height: 46px; margin-top: 16px}
  .language img{margin: 0}
  
}
@media all and (max-width:600px) {
      .titleItem{font-size: 14px; width: 49%; height: 50px; line-height: 50px;margin-top:10px;}
}
@media all and (max-width:450px) {
      .titleItem{font-size: 12px; width: 100%; height: 50px; line-height: 50px;margin-top:10px !important;}
}